<!DOCTYPE html>
<html>
	<head>
		<title>管理员列表 - 后台管理系统</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" type="text/css" href="./static/layui/css/layui.css" media="all">
		<script type="text/javascript" src="./static/layui/layui.js"></script>
		<style type="text/css">
			.header span{background:#009688;margin-left:30px;padding:10px;color:#ffffff;}
			.header div{border-bottom:solid 2px #009688;margin-top: 8px;}
			.header button{float:right;margin-top:-5px;}
		</style>
	</head>
	<body style="padding:10px; box-sizing: border-box;">
		<div class="header">
			<span>部门管理</span>
			<div></div>
		</div>
		<table class="layui-hide" id="lists" lay-filter="lists"></table>
		<script type="text/javascript">
			layui.use(['table'],function(){
				table = layui.table;
				$ = layui.jquery;
				table.render({
					elem : '#lists'
					,title: '部门列表'
					,page: true
					,cols: [[
						{field:'name', width:'120', title:'部门名'}
						,{field:'status', width:'200', title:'状态'}
						,{field:'add_time', width:'200', title:'添加时间'}
					]]
					,data: [
						{
							name: "管理",
							status: "开启",
							add_time: "2021-08-18",
						},
						{
							name: "讲师",
							status: "开启",
							add_time: "2021-08-18",
						},
					]
					,limit :10
					,limits:[10,20,30]
					,height: 'full-100'
				});
			});
		</script>
	</body>
</html>